﻿@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Shared/_AdminLayoutPage.cshtml";
}
<div class="grid_16 widget tabs first">
    <div class="widget_title clearfix">
        <h2>
           首页图片</h2>
        <ul>
            <li class="active"><a href="#table1">上传首页图片</a></li>
            <li><a href="#table2">按上传时间排序</a></li>
            <li><a href="#table3">Simple Table</a></li>
        </ul>
    </div>
    <div class="widget_body">
        <div class="widget_content">
            <ul class="gallery">
                <li><a rel="example1" href="/UpFiles/Photos/Tulips.jpg" class="gallerythumb">
                    <img src="demo/11.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">修改</a></li>
                        <li><a href="#" class="btn">删除</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="/UpFiles/Photos/Tulips.jpg" class="gallerythumb">
                    <img src="demo/12.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/13.jpg" class="gallerythumb">
                    <img src="demo/13.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/14.jpg" class="gallerythumb">
                    <img src="demo/14.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/15.jpg" class="gallerythumb">
                    <img src="demo/15.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/16.jpg" class="gallerythumb">
                    <img src="demo/16.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/17.jpg" class="gallerythumb">
                    <img src="demo/17.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/18.jpg" class="gallerythumb">
                    <img src="demo/18.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/19.jpg" class="gallerythumb">
                    <img src="demo/19.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/20.jpg" class="gallerythumb">
                    <img src="demo/20.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/21.jpg" class="gallerythumb">
                    <img src="demo/21.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/22.jpg" class="gallerythumb">
                    <img src="demo/22.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
            </ul>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
<div class="clear">
</div>
<div class="grid_16 widget first">
    <div class="widget_title clearfix">
        <h2>
            Features</h2>
    </div>
    <div class="widget_body">
        <div class="widget_content">
            <ul class="list-tick" style="width: 33%; display: inline-block; zoom: 1; *display: inline;">
                <li>Unlimited Colors!</li>
                <li>Based on 960 Grid System.</li>
                <li>Fluid and Fixed Layout</li>
                <li>Supports Google WebFonts</li>
            </ul>
            <ul class="list-tick" style="width: 33%; display: inline-block; zoom: 1; *display: inline;">
                <li>Client side form validation</li>
                <li>Full Size Calendars</li>
                <li>Dynamic Data Tables</li>
                <li>jQuery UI with hand made theme!</li>
            </ul>
            <div style="width: 33%; display: inline-block; zoom: 1; *display: inline;">
                <ul class="list-tick">
                    <li>HTML5 and CSS3</li>
                    <li>Degrades Gracefully to IE7</li>
                    <li>3500+ icons included</li>
                </ul>
                <ul class="list-cross">
                    <li>Puppies were hurt</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="grid_16 widget first">
    <div class="widget_title clearfix">
        <h2>
            Form Elements</h2>
    </div>
    <div class="widget_body">
        <div class="widget_content">
            <p>
                This is a list of sample messages that may appear upon s success, failure, warning,
                notice or configuration change. View <a href="#">all message icons.</a></p>
            <div class="msg success">
                <span>This is a success message on green background.</span> <a href="#" class="close">
                    x</a>
            </div>
            <div class="msg failure">
                <span>This is a failure message on red background.</span> <a href="#" class="close">
                    x</a>
            </div>
            <div class="msg warning">
                <span>This is a warning message on yellow background.</span> <a href="#" class="close">
                    x</a>
            </div>
            <div class="msg notice">
                <span>This is a notice message on blue background.</span> <a href="#" class="close">
                    x</a>
            </div>
            <div class="msg settings">
                <span>This is a settings message on grey background.</span> <a href="#" class="close">
                    x</a>
            </div>
            <label class="block">
                Small input text area:</label>
            <input class="small" type="text" />
            <label class="block">
                Medium input text area:</label>
            <input class="medium" type="text" />
            <label class="block">
                Full width input text area:</label>
            <input class="large" type="text" />
            <div class="clear">
            </div>
            <br />
            <input type="text" class="datepicker" />
            <select>
                <option>Dollhouse</option>
                <option>Battlestar Galactica</option>
                <option>Doctor Who</option>
                <option>Firefly</option>
            </select>
            <!--
                <div class="upload">
                   <input type="text" class="fakeupload" /> <!-- browse button is here as background
                   <input type="file" name="upload" class="realupload" onchange="this.fakeupload.value = this.value;" />
                </div>
                -->
            <table class="simple">
                <tr>
                    <td width="50%" style="padding-left: 0;">
                        <label class="block">
                            Full width input text area:</label>
                        <textarea style="height: 180px; width: 100%;"></textarea>
                        <span class="infobar">Quisque ac interdum felis. Curabitur et purus diam, quis dictum
                            quam. </span>
                    </td>
                    <td width="48%" style="padding-left: 2%">
                        <a href="#" class="btn small orange"><span>Small Button</span></a> <a href="#" class="btn grey">
                            <span>Button</span></a> <a href="#" class="btn medium green"><span>Medium Button</span></a>
                        <a href="#" class="btn large"><span>Large Button</span></a>
                        <br />
                        <br />
                        <input class="ioscheckbox" type="checkbox" />
                        <input class="ioscheckbox" type="checkbox" checked="checked" />
                        <br />
                        <br />
                        <div class="slider">
                        </div>
                        <br />
                        <div class="slider-range">
                        </div>
                        <br />
                        <div class="progressbar">
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="clear">
</div>
<div class="grid_8 widget first">
    <div class="widget_title clearfix">
        <h2>
            Gallery</h2>
    </div>
    <div class="widget_body">
        <div class="widget_content">
            <ul class="gallery">
                <li><a rel="example1" href="demo/11.jpg" class="gallerythumb">
                    <img src="demo/11.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/12.jpg" class="gallerythumb">
                    <img src="demo/12.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/13.jpg" class="gallerythumb">
                    <img src="demo/13.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/14.jpg" class="gallerythumb">
                    <img src="demo/14.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/15.jpg" class="gallerythumb">
                    <img src="demo/15.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/16.jpg" class="gallerythumb">
                    <img src="demo/16.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/17.jpg" class="gallerythumb">
                    <img src="demo/17.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/18.jpg" class="gallerythumb">
                    <img src="demo/18.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/19.jpg" class="gallerythumb">
                    <img src="demo/19.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/20.jpg" class="gallerythumb">
                    <img src="demo/20.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/21.jpg" class="gallerythumb">
                    <img src="demo/21.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
                <li><a rel="example1" href="demo/22.jpg" class="gallerythumb">
                    <img src="demo/22.jpg" /></a>
                    <ul class="img_options">
                        <li><a href="#" class="btn">Edit</a></li>
                        <li><a href="#" class="btn">Delete</a></li>
                    </ul>
                </li>
            </ul>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
<div class="grid_8 widget first">
    <div class="widget_title clearfix">
        <h2>
            Full Size Calendar</h2>
    </div>
    <div class="widget_body">
        <div class="widget_content">
            <div id='calendar' class="centered">
            </div>
            <p class="center">
                Integrated with <a href="http://calendar.google.com/">Google Calendar</a></p>
        </div>
    </div>
    <script type='text/javascript'>
        $(document).ready(function () {

            $('#calendar').fullCalendar({

                // US Holidays
                events: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',

                eventClick: function (event) {
                    // opens events in a popup window
                    window.open(event.url, 'gcalevent', 'width=700,height=600');
                    return false;
                },

                loading: function (bool) {
                    if (bool) {
                        $('#loading').show();
                    } else {
                        $('#loading').hide();
                    }
                }

            });

            $(".gallerythumb").bind("mouseenter", function () {
                $(this).parent().find(".btn").hide();
                $(this).parent().find(".btn").show();
            });
            $(".gallery").bind("mouseleave", function () {
                $(this).parent().find(".btn").hide();
            });

        });
    </script>
</div>

<div id="dialog" title="Hello, Hello, Twisted Transistor">
	<p>Chameleon Circuit features unlimited color schemes. Try moving the color sliders on the top right corner of your screen and see how you would like YOUR theme to be!</p>
</div>

